<!doctype html>

<html lang="en">
<head>

  <meta charset="utf-8">
  <title>Home - Jacky group & Co.</title>
  <meta name="description" content="JACKY with fixed sidebar. ">
  <meta name="keywords" content="jacky, simplicity, theme, html5, fixed sidebar">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta name="author" content="Che">
  <link rel="icon" type="image/png" href="img/icon.ico" />

<!--Style-->

  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/style-responsive.css">
    
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
  
  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  
</head>

<body>

<!--Preloader-->

<div class="preloader" id="preloader">
    <div class="item">
      <div class="spinner">
      </div>
    </div>
</div>


<!--Header-->
<header class="boxed" id="header-white">

  <div class="header-margin">
  
    <div class="logo"><a class="ajax-link" href="index.html">JACKY</a></div>
    <ul class="header-nav">
      <li><a class="ajax-link" href="projects.html">Attacks</a>
        <ul>
          <li><a class="ajax-link" href="projects.html">Attacks</a></li> 
          <li><a class="ajax-link" href="single.html">Single project</a></li> 
          <li><a class="ajax-link" href="single-full.html">Single project fullscreen</a></li> 
                   
        </ul>
      
      </li>
      
      <li><a class="ajax-link" href="about-me.html">About us</a></li>
      <li><a class="ajax-link" href="contact.html">Contact</a></li>
    </ul>
    
    <ul class="social-icon">
      <div class="social-index">
      <li><a href="https://t.me/s/killnet_channel"><i class="fa fa-telegram"></i></a></li>
      </div>
    </ul>
    
  </div>

</header>

<div class="clear"></div>

<!--Content-->

<div class="content" id="ajax-content">


      <div class="text-intro" id="site-type">

        <h1>WE ARE JACKY GROUP!</h1>
        <h1 class="typewrite"><span>Hacktivists</span></h1>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam repellendus voluptates iste quos pariatur enim repellat harum explicabo aliquid expedita corrupti iure, facere dolore quam distinctio magnam consequuntur nobis consequatur!</p>

      </div>


<!--Portfolio grid-->

<ul class="portfolio-grid" id="portfolio-sidebar">

  
  <li class="grid-item" data-jkit="[show:delay=3000;speed=500;animation=fade]">
    <img src="img/portfolio/1.jpg">
      <a class="ajax-link" href="single.html">  
        <div class="grid-hover">
          <h1>Single</h1>
          <p>Branding</p>
        </div>
      </a>  
  </li>

  <li class="grid-item" data-jkit="[show:delay=3000;speed=500;animation=fade]">
    <img src="img/portfolio/5.jpg">
      <a class="ajax-link" href="single.html">  
        <div class="grid-hover">
          <h1>Single</h1>
          <p>Branding</p>
        </div>
      </a>      
  </li>    
  
  <li class="grid-item" data-jkit="[show:delay=3000;speed=500;animation=fade]">
    <img src="img/portfolio/2.jpg">
      <a class="ajax-link" href="single.html">  
        <div class="grid-hover">
          <h1>Single</h1>
          <p>Branding</p>
        </div>
      </a>      
  </li>  
  
  <li class="grid-item" data-jkit="[show:delay=3000;speed=500;animation=fade]">
    <img src="img/portfolio/3.jpg">
      <a class="ajax-link" href="single.html">  
        <div class="grid-hover">
          <h1>Single</h1>
          <p>Branding</p>
        </div>
      </a>      
  </li>    

  <li class="grid-item" data-jkit="[show:delay=3000;speed=500;animation=fade]">
    <img src="img/portfolio/4.jpg">
      <a class="ajax-link" href="single.html">  
        <div class="grid-hover">
          <h1>Single</h1>
          <p>Branding</p>
        </div>
      </a>      
  </li>    

  <li class="grid-item" data-jkit="[show:delay=3000;speed=500;animation=fade]">
    <img src="img/portfolio/6.jpg">
      <a class="ajax-link" href="single.html">  
        <div class="grid-hover">
          <h1>Single</h1>
          <p>Branding</p>
        </div>
      </a>      
  </li>  

</ul>

</div>


<!--Home Sidebar-->

<div id="ajax-sidebar">

  <div class="home-sidebar"style="background-image:url('img/home-sidebar.jpg'); position:fixed;" id="hero">

    <div class="parallax-option" data-jkit="[parallax:strength=0.8;axis=both]">

      <div class="parallax parallax1"><img src="img/business-card-2.png"></div>
    
    </div>

    <div class="parallax-option" data-jkit="[parallax:strength=0.3;axis=both]">

      <div class="parallax parallax1"><img src="img/business-card.png"></div>
    
    </div>

  </div>
  
</div>


<!--Footer-->

<footer id="footer-box">

  <div class="footer-margin">
    <div class="social-footer">
      <a href="https://www.youtube.com/"><i class="fa fa-youtube fa-2x" aria-hidden="true"></i></a>
      <a href="https://t.me/s/killnet_channel"><i class="fa fa-telegram fa-2x" aria-hidden="true"></i></a>
    </div> 
    <div class="copyright" id="footer-left">© Copyright 2022 Jacky group & Co. All Rights Reserved.</div>

  </div>


</footer>


<!--Scripts-->

  <script src="js/jquery.min.js"></script>
	<script src="js/jquery.easing.min.js"></script>
	<script src="js/modernizr.custom.42534.js" type="text/javascript"></script>
  <script src="js/jquery.waitforimages.js" type="text/javascript"></script>
  <script src="js/typed.js" type="text/javascript"></script>
  <script src="js/masonry.pkgd.min.js" type="text/javascript"></script>  
  <script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script>    
  <script src="js/jquery.jkit.1.2.16.min.js"></script>
  
  
    
  <script src="js/script.js" type="text/javascript"></script>


</body>
</html>